@charset "utf-8";
div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	/*width: 100%;*/
	border: none;
}
a{
	text-decoration: none;
	color:#298ee8;
	font-size: 12px;
	font-family:"microsoft yahei";
}
a:hover{
	transition:all 0.5s ease 0s;
}
.fl{float: left;}
.fr{float: right;}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clear{
	clear: both;
}
input{padding-left:5px ;line-height: 43px;}
input::-webkit-input-placeholder {
	font-size: 14px;
	text-align: left;
    color:#999999; /*修改webkit中input的planceholder样式*/
}

input:focus::-webkit-input-placeholder {
    color:#ccc; /*修改webkit中focus状态下input的planceholder样式*/
}


/**************************************banner*****************************************/
.pur-banner{
	width: 100%;
	height: 805px;
	background:url(../../picture/login-bg.jpg) center center no-repeat;
	position: relative;
}
.content{background: #fff; width: 435px;height: 500px;margin: auto;position: relative;top: 180px;
border-radius: 5px;box-shadow: 0 5px 5px 1px rgba(0,0,0,0.1);}

.log-title{width: 100%;padding-top: 40px;}
.log-title .log-logo{width: 70px;height: 70px;border-radius: 100%; margin: auto;}
.log-title .log-logo img{width: 100%;height: 100%;}
.log-title h1{color: #444; font-size: 25px;margin-top: 10px;text-align: center;}

.creatAccount{margin:40px 76px 0 76px;position: relative;}
.acc-box {display: flex;display: -webkit-flex;width: 288px; height:48px;line-height:48px;border: 1px solid #cacaca;position: relative;}
.acc-left{ width: 40px;height: 38px;line-height: 38px; margin: 5px;border-right: 1px solid #e1e1e1;padding: 0 5px;}
.acc-left span i{color: #2695FF;font-size: 24px;}

.acc-right{ flex: 1;-webkit-flex: 1;}

.input-phone,.input-pwd{
	position: relative;
	height: 30px;
}

.acc-right .input-phone input,
.acc-right .input-pwd input{
	height:38px; border: 1px solid #cbcbcb;position: absolute;top: 5px;left: 0px; border-width: inherit;
}
.forgetpwd{width: 100px;height: 25px; line-height: 25px;position:relative;top: -26px; right:-188px; border: none;}
.forgetpwd a{display: block;width: 100%;height: 100%; color: #444;font-size: 14px;text-align: right;}
.forgetpwd a:hover{color: #298eea;}
.div4{border-radius: 5px;border: none;}
.login-now{width: 290px; background: #3899ff;border-radius: 5px;justify-content: center; color: #fff;font-size: 16px;cursor: pointer;text-align: center;}
.login-now:hover{background: #298eea;}

.div3{width: 288px;height: 20px;line-height: 20px;color: #444;font-size: 14px;margin-top: 10px;position: relative;}
.div3 .ab-left input{vertical-align: middle;margin-left: 1px;}
.div3 .ab-left label{cursor: pointer;position: relative;top: 1px;}
.div3 .ab-right a{text-decoration: underline;color: #444;font-size: 14px;}
.div3 .ab-right a:hover{color: #298eea;}
.mtrue{position: absolute;right: -35px; width: 30px;height:30px;}
.message{width: 288px; height:25px;}
.errormsg{color: #ff3f13;font-size: 12px;}
.icon-shenhetongguo1{color: #21DE50;font-size: 24px;font-weight: bold;}

